<template>
  <div class="tip">
    <el-collapse>
      <el-collapse-item name="1">
        <template slot="title">
          <i class="header-icon el-icon-warning"></i>维护提示
        </template>
        <div v-for="(item, index) in tipList" :key="index">
          {{ item }}
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
export default {
  name: "PageHeade",
  props: {
    tipList: {
      type: Array,
      default() {},
    },
  },
  data() {
    return {};
  },

  methods: {},
};
</script>
<style lang="scss" scoped>
.tip {
  font-size: 12px;
  padding: 5px;
  margin-bottom: 20px;
}
.tip span {
  display: block;
  margin: 2px 0;
}
::v-deep .el-collapse {
  border-top: 0;
}
::v-deep .el-collapse-item__header {
  background: #f6f4f4;
  padding: 0 5px;
}
::v-deep .el-collapse-item__content {
  background: #f6f4f4;
  padding: 0 5px;
}
</style>
